<%--
  Created by IntelliJ IDEA.
  User: bestick
  Date: 2016/1/26
  Time: 12:37
  天地有万古，此身不再得；人生只百年，此日最易过。幸生其间者，不可不知有生之乐；亦不可不怀虚生之忧。
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!-- 评论模版 -->
<script id="detail-evaluate-content-temp" type="text/x-jsrender">
    {{!-- detail-evaluate-box --}}
    {{for datas}}
        <div class="detail-evaluate-box">
            <div class="detail-evaluate-left">
                <img src="{{: loginUserCommentUserInstance.userImage}}" width="80" style="margin: 24px auto 6px;">
                <p style="margin: 2px;">{{: loginUserCommentUserInstance.userNickName}}</p>
                <p>
                    <span class="detail-evaluate-star icon-collect-pitchon"></span>
                    <span class="detail-evaluate-star icon-collect-pitchon"></span>
                    <span class="detail-evaluate-star icon-collect-pitchon"></span>
                    <span class="detail-evaluate-star icon-collect-1"></span>
                    <span class="detail-evaluate-star icon-collect-1"></span>
                </p>
            </div>
            <div class="detail-evaluate-right">
                <div class="detail-evaluate-text">
                    {{> commentContent}}
                </div>
            </div>
            <div class="detail-evaluate-time">{{: commentDate}}</div>
        </div>
    {{else data}}
        <div class="detail-evaluate-box">
            <div class="detail-evaluate-left">
                <img src="{{: loginUserCommentUserInstance.userImage}}" width="80" style="margin: 24px auto 6px;">
                <p style="margin: 2px;">{{: loginUserCommentUserInstance.userNickName}}</p>
                <p>
                    <span class="detail-evaluate-star icon-collect-pitchon"></span>
                    <span class="detail-evaluate-star icon-collect-pitchon"></span>
                    <span class="detail-evaluate-star icon-collect-pitchon"></span>
                    <span class="detail-evaluate-star icon-collect-1"></span>
                    <span class="detail-evaluate-star icon-collect-1"></span>
                </p>
            </div>
            <div class="detail-evaluate-right">
                <div class="detail-evaluate-text">
                    {{> commentContent}}
                </div>
            </div>
            <div class="detail-evaluate-time">{{: commentDate}}</div>
        </div>
    {{else}}
        暂无评论
    {{/for}}
</script>

<input id="add-evaluate" data-toggle="modal" data-target="#myEvaluate" type="button" class="btn btn-jcb-transparent detail-my-evaluate" value="我的评价">
<!-- 我的评价 -->
<div class="modal fade" id="myEvaluate" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
                <h4 class="modal-title" id="myModalLabel">评价</h4>
            </div>
            <div class="modal-body">
                <textarea id="my-comment" rows="3" cols="78"></textarea>
            </div>
            <div class="modal-footer">
                <span id="error-msg"></span>
                <button id="send-evaluate" type="button" class="btn btn-jcb-transparent">添加我的评价</button>
            </div>
        </div>
    </div>
</div>
